<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="wilmar" uri="/wilmar-process"%>
<html>
<head>
<s:head theme="simple" />
<wilmar:process.head autocomplete="true" ui="true" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title><s:text name="page.title.pisearch" /></title>
<style>
.odd {
	color: red
}

.even {
	color: green
}
</style>
<script type="text/javascript">
	$(document)
			.ready(
					function() {
						$("tr:odd").addClass("odd");
						$("tr:even").addClass("even");
						var options, a;
						jQuery(function() {
							options = {
								serviceUrl : 'processDefinitionAjaxAction!getProcessDefinitionNameList.action'
							};
							a = $('#queryPdName').autocomplete(options);
						});
					});
</script>
</head>
<body>
<center>
	<wilmar:process.logo/>
</center>
<s:form namespace="/process" id="piSearchForm"
	action="processInstanceAction!doGetCommittedProcessInstanceList.action">
	<table>
		<tbody>
			<tr>
				<td><s:text name="pisearch.label.state"></s:text></td>
				<td><s:select list="processInstanceStateSelection"
					name="historyProcessInstanceQueryObject.state"
					emptyOption="---Please Select---" /></td>
				<td></td>
				<td></td>
			</tr>
			<tr>
				<td><s:text name="pisearch.label.pdname"></s:text></td>
				<td><s:textfield
					name="historyProcessInstanceQueryObject.processDefinitionName"
					id="queryPdName" /></td>
				<td><s:text name="pisearch.label.piid"></s:text></td>
				<td><s:textfield
					name="historyProcessInstanceQueryObject.processInstanceId" /></td>
			</tr>
			<tr>
				<td><s:text name="pisearch.label.minstarttime"></s:text></td>
				<td><s:textfield id="minStartTime"  cssClass="process_datepicker"
					name="historyProcessInstanceQueryObject.minStartTime"/></td>
				<td><s:text name="pisearch.label.maxstarttime"></s:text></td>
				<td><s:textfield id="maxStartTime"  cssClass="process_datepicker"
					name="historyProcessInstanceQueryObject.maxStartTime"/></td>
			</tr>
			<tr>
				<td colspan="4"><s:submit
					value="%{getText('global.button.search')}" /></td>
			</tr>
		</tbody>
	</table>
</s:form>
</body>
</html>